import { PageContainer } from '@ant-design/pro-components';
import { Card, Modal, Typography, Tooltip, Spin } from 'antd';
import React, { useEffect, useRef, useState } from 'react';
import { useIntl } from 'umi';
import './Welcome.less';
const CodePreview: React.FC = ({ children }) => (
  <pre className="pre">
    <code>
      {/* <Typography.Text copyable>{children}</Typography.Text> */}
      <Typography.Text>{children}</Typography.Text>
    </code>
  </pre>
);

const Welcome: React.FC = () => {
  const intl = useIntl();
  return (
    <PageContainer breadcrumb={undefined} title={false} className="welcomeContainer">
      <Card style={{ display: 'flex', flexWrap: 'wrap' }}>
        {/* <Alert
          message={intl.formatMessage({
            id: 'pages.welcome.alertMessage',
            defaultMessage: 'Faster and stronger heavy-duty components have been released.',
          })}
          type="success"
          showIcon
          banner
          style={{
            margin: -12,
            marginBottom: 24,
          }}
        />
        <Typography.Text strong>
          <a
            href="https://procomponents.ant.design/components/table"
            rel="noopener noreferrer"
            target="__blank"
          >
            <FormattedMessage id="pages.welcome.link" defaultMessage="Welcome" />
          </a>
        </Typography.Text> */}
        {/* <Typography.Text>欢迎使用该系统</Typography.Text> */}
        <CodePreview>欢迎使用该系统</CodePreview>
        <div className="pic">
          <img src="/icp_bg.jpg" style={{ width: '100%', height: '100%' }} />
        </div>
      </Card>
    </PageContainer>
  );
};

export default Welcome;
